<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<HTML>
<HEAD>
      <TITLE>Vinatel - Finding Hotel - Hotel and Tour</TITLE>
      <link rel="stylesheet/less" type="text/css" href="css/style.less">
	  <script src="js/less.js" type="text/javascript"></script>
	  <script src="js/js.js" type="text/javascript"></script>
</HEAD>
	
<BODY>		
	<div id="login_wrapper" class="undisplayed">
		<form id="login_form">
			<input id="username" placeholder="Username" />
			<input id="password" placeholder="Password" />

			<input id="button" type="button" value="ĐĂNG NHẬP" />
			<a href="#">Quên mật khẩu</a> | <a href="#">Kích hoạt tài khoản</a> | <a href="#">Đăng ký</a>
			<div id="logo">
			</div>
			<p onclick="hideLogin()">(X) ĐÓNG LẠI</p>
			<!-- end of #logo -->
		</form>


		<!-- end of #login_form -->
	</div>
	<!-- end of #login_wrapper -->

	<div id="whole">
			<div id="menu-wrapper" class="undisplayed">
		    </div>
			<!-- end of #menu-wrapper -->
				<div id="menu">
					<ul>
						<div id="sublogo" >VINATEL</div>
						
						<li><a href="#" onclick="showLogin()">ĐĂNG NHẬP</a></li>
						<li><a href="#">KHÁCH SẠN</a></li>
						<li><a href="#">VOUCHER KHÁCH SẠN</a></li>
						<li><a href="#">KHUYẾN MÃI HẤP DẪN   </a></li>
						<li><a href="#">CẨM NANG DU LỊCH  </a></li>
						<li><a href="#">TOUR</a></li>
						<li><a href="#">ASIABOOKING</a></li>
						<li onclick="hideMenu()"><a href="#">ĐÓNG</a></li>
					</ul>
				</div>	
				<!-- end of #menu -->
		
			<header id="mobileHeader">
			<div id="menuButton" class="icon menuButton" onclick="showMenu()">&#9776;</div>
			<div id="brand"></div>
			</header>
			<div id="logo">
			</div>
			<!-- end of #logo -->
			<ul class="navigation">
				<li><a href="#">KHÁCH SẠN</a></li>
				<li><a href="#">VOUCHER KHÁCH SẠN</a></li>
				<li><a href="#">KHUYẾN MÃI HẤP DẪN   </a></li>
				<li><a href="#">CẨM NANG DU LỊCH  </a></li>
				<li><a href="#">TOUR</a></li>
				<li><a href="#">ASIABOOKING</a></li>

				<div onclick="showLogin()" id="login_button">
					ĐĂNG NHẬP
				</div>
				<!-- end of # -->
			</ul>
			<!-- end of #navigation -->
			<div id="searchBar">
					<form id="search_form">
						<div class="titlel1"> TÌM KHÁCH SẠN
						</div>
						<!-- end of .titlel1 -->
						<p>Tỉnh</p>
						<select type="text" id="province"> </select>
						<p>Thành phố</p>
						<select type="text" id="city"> </select>
						<p>Khách sạn</p>
						<input type="text" id="hotel_name" />
						<input id="search_button" type="submit" value="TÌM KHÁCH SẠN"/>
					</form>
					<!-- end of #search_form -->
				</div>
				<!-- end of #searchBar -->
			<div id="mainContent">		
				
				<div id="content">	
					<div id="khuyenmai">
					<div class="titlel1"> CÁC LOẠI PHÒNG
						<a class="arrow_right" href="#"></a>
						<a class="arrow_left" href="#"></a>
					</div>
					<!-- end of .titlel1 -->	

					<div id="services_wrapper">
						<div id="services_wrapper_scrollable">

						<div class="services_item">
							<div class="image">
								<div class="price">2,100,000 VND
								</div>
								<!-- end of .price -->
								<img src="images/v1.jpg" alt="voucher_image" />
							</div>
							<!-- end of .image -->
							<div class="name">Khách sạn The Imperial
							</div>
							<!-- end of .name -->
							<div class="province">Vũng Tàu
							</div>
							<!-- end of .province -->
							<div class="rate">
								<img src="images/star.png" alt="star_rate" />
								<img src="images/star.png" alt="star_rate" />
								<img src="images/star.png" alt="star_rate" />
								<img src="images/star.png" alt="star_rate" />
								<img src="images/star_none.png" alt="star_rate" />
							</div>
							<!-- end of .rate -->
							<div class="address">159 Thùy Vân, bãi Thùy Vân, Vũng Tàu
							</div>
							<!-- end of .address -->
							<div class="text">Giá ưu đãi đặc biệt áp dụng đến
							</div>
							<!-- end of .text -->
							<div class="datetime">05/02/2013
							</div>
							<!-- end of .datetime -->
						</div>
						<!-- end of .services_item -->
						<div class="services_item">
							<div class="image">
								<div class="price">2,100,000 VND
								</div>
								<!-- end of .price -->
								<img src="images/v2.jpg" alt="voucher_image" />
							</div>
							<!-- end of .image -->
							<div class="name">Khách sạn The Imperial
							</div>
							<!-- end of .name -->
							<div class="province">Vũng Tàu
							</div>
							<!-- end of .province -->
							<div class="rate">
								<img src="images/star.png" alt="star_rate" />
								<img src="images/star.png" alt="star_rate" />
								<img src="images/star.png" alt="star_rate" />
								<img src="images/star.png" alt="star_rate" />
								<img src="images/star_none.png" alt="star_rate" />
							</div>
							<!-- end of .rate -->
							<div class="address">159 Thùy Vân, bãi Thùy Vân, Vũng Tàu
							</div>
							<!-- end of .address -->
							<div class="text">Giá ưu đãi đặc biệt áp dụng đến
							</div>
							<!-- end of .text -->
							<div class="datetime">05/02/2013
							</div>
							<!-- end of .datetime -->
						</div>
						<!-- end of .services_item -->
						<div class="services_item">
							<div class="image">
								<div class="price">2,100,000 VND
								</div>
								<!-- end of .price -->
								<img src="images/v1.jpg" alt="voucher_image" />
							</div>
							<!-- end of .image -->
							<div class="name">Khách sạn The Imperial
							</div>
							<!-- end of .name -->
							<div class="province">Vũng Tàu
							</div>
							<!-- end of .province -->
							<div class="rate">
								<img src="images/star.png" alt="star_rate" />
								<img src="images/star.png" alt="star_rate" />
								<img src="images/star.png" alt="star_rate" />
								<img src="images/star.png" alt="star_rate" />
								<img src="images/star_none.png" alt="star_rate" />
							</div>
							<!-- end of .rate -->
							<div class="address">159 Thùy Vân, bãi Thùy Vân, Vũng Tàu
							</div>
							<!-- end of .address -->
							<div class="text">Giá ưu đãi đặc biệt áp dụng đến
							</div>
							<!-- end of .text -->
							<div class="datetime">05/02/2013
							</div>
							<!-- end of .datetime -->
						</div>
						<!-- end of .services_item -->
						<div class="services_item">
							<div class="image">
								<div class="price">2,100,000 VND
								</div>
								<!-- end of .price -->
								<img src="images/v2.jpg" alt="voucher_image" />
							</div>
							<!-- end of .image -->
							<div class="name">Khách sạn The Imperial
							</div>
							<!-- end of .name -->
							<div class="province">Vũng Tàu
							</div>
							<!-- end of .province -->
							<div class="rate">
								<img src="images/star.png" alt="star_rate" />
								<img src="images/star.png" alt="star_rate" />
								<img src="images/star.png" alt="star_rate" />
								<img src="images/star.png" alt="star_rate" />
								<img src="images/star_none.png" alt="star_rate" />
							</div>
							<!-- end of .rate -->
							<div class="address">159 Thùy Vân, bãi Thùy Vân, Vũng Tàu
							</div>
							<!-- end of .address -->
							<div class="text">Giá ưu đãi đặc biệt áp dụng đến
							</div>
							<!-- end of .text -->
							<div class="datetime">05/02/2013
							</div>
							<!-- end of .datetime -->
						</div>
						<!-- end of .services_item -->
						<div class="services_item">
							<div class="image">
								<div class="price">2,100,000 VND
								</div>
								<!-- end of .price -->
								<img src="images/v1.jpg" alt="voucher_image" />
							</div>
							<!-- end of .image -->
							<div class="name">Khách sạn The Imperial
							</div>
							<!-- end of .name -->
							<div class="province">Vũng Tàu
							</div>
							<!-- end of .province -->
							<div class="rate">
								<img src="images/star.png" alt="star_rate" />
								<img src="images/star.png" alt="star_rate" />
								<img src="images/star.png" alt="star_rate" />
								<img src="images/star.png" alt="star_rate" />
								<img src="images/star_none.png" alt="star_rate" />
							</div>
							<!-- end of .rate -->
							<div class="address">159 Thùy Vân, bãi Thùy Vân, Vũng Tàu
							</div>
							<!-- end of .address -->
							<div class="text">Giá ưu đãi đặc biệt áp dụng đến
							</div>
							<!-- end of .text -->
							<div class="datetime">05/02/2013
							</div>
							<!-- end of .datetime -->
						</div>
						<!-- end of .services_item -->
						<div class="services_item">
							<div class="image">
								<div class="price">2,100,000 VND
								</div>
								<!-- end of .price -->
								<img src="images/v1.jpg" alt="voucher_image" />
							</div>
							<!-- end of .image -->
							<div class="name">Khách sạn The Imperial
							</div>
							<!-- end of .name -->
							<div class="province">Vũng Tàu
							</div>
							<!-- end of .province -->
							<div class="rate">
								<img src="images/star.png" alt="star_rate" />
								<img src="images/star.png" alt="star_rate" />
								<img src="images/star.png" alt="star_rate" />
								<img src="images/star.png" alt="star_rate" />
								<img src="images/star_none.png" alt="star_rate" />
							</div>
							<!-- end of .rate -->
							<div class="address">159 Thùy Vân, bãi Thùy Vân, Vũng Tàu
							</div>
							<!-- end of .address -->
							<div class="text">Giá ưu đãi đặc biệt áp dụng đến
							</div>
							<!-- end of .text -->
							<div class="datetime">05/02/2013
							</div>
							<!-- end of .datetime -->
						</div>
						<!-- end of .services_item -->
						</div>
						<!-- end of #services_wrapper_scrollable -->
					</div>
					<!-- end of #services_wrapper -->
				</div>
					<!-- end of #khuyenmai -->
					<div id="hotdeal">
						<img src="images/hotdeal.png" alt="hotdeal" />
					</div>
					<!-- end of #hotdeal-->
					<div id="convenience">
						<div class="titlel1"> TIỆN NGHI KHÁCH SẠN
						<a class="arrow_right" href="#"></a>
						<a class="arrow_left" href="#"></a>
					</div>
					<!-- end of .titlel1 -->	
					<div class="special_deal">
							<div class="image">
								<img src="images/spa.jpg" alt="special_deal" />
								<div class="price">
									Phòng SPA
								</div>
								<!-- end of .price -->
							</div>
							<!-- end of .image -->
							<div class="name">Lorem Ipsum
							</div>
							<!-- end of .name -->
							<div class="info">Lorem Ipsum is simply dummy text of the printing and typesetting industry
							</div>
								<!-- end of .info -->
						</div>
						<!-- end of .special_deal -->
						<div class="special_deal">
							<div class="image">
								<img src="images/cinema.jpg" alt="special_deal" />
								<div class="price">
									Phòng CINEMA
								</div>
								<!-- end of .price -->
							</div>
							<!-- end of .image -->
							<div class="name">Lorem Ipsum
							</div>
							<!-- end of .name -->
							<div class="info">Lorem Ipsum is simply dummy text of the printing and typesetting industry
							</div>
								<!-- end of .info -->
						</div>
						<!-- end of .special_deal -->
						<div class="special_deal">
							<div class="image">
								<img src="images/pool.jpg" alt="special_deal" />
								<div class="price">
									Hồ bơi lớn
								</div>
								<!-- end of .price -->
							</div>
							<!-- end of .image -->
							<div class="name">Lorem Ipsum
							</div>
							<!-- end of .name -->
							<div class="info">Lorem Ipsum is simply dummy text of the printing and typesetting industry
							</div>
								<!-- end of .info -->
						</div>
						<!-- end of .special_deal -->
					</div>
					<!-- end of #convenience -->
					<div class="titlel1"> KHUYẾN MÃI ĐẶC BIỆT
						<a class="arrow_right" href="#"></a>
						<a class="arrow_left" href="#"></a>
					</div>
					<!-- end of .titlel1 -->	
					<div id="special_deal_wrapper">
						<div class="special_deal">
							<div class="image">
								<img src="images/v2.jpg" alt="special_deal" />
								<div class="price">
									7,500,000 VND
								</div>
								<!-- end of .price -->
							</div>
							<!-- end of .image -->
							<div class="name">Six Senses Ninh Vân Bay
							</div>
							<!-- end of .name -->
							<div class="info">Lưu trú 3 đêm, thanh toán 2 đêm áp dụng đến 19/12/2012
							</div>
								<!-- end of .info -->
						</div>
						<!-- end of .special_deal -->
						<div class="special_deal">
							<div class="image">
								<img src="images/v2.jpg" alt="special_deal" />
								<div class="price">
									7,500,000 VND
								</div>
								<!-- end of .price -->
							</div>
							<!-- end of .image -->
							<div class="name">Six Senses Ninh Vân Bay
							</div>
							<!-- end of .name -->
							<div class="info">Lưu trú 3 đêm, thanh toán 2 đêm áp dụng đến 19/12/2012
							</div>
								<!-- end of .info -->
						</div>
						<!-- end of .special_deal -->
						<div class="special_deal">
							<div class="image">
								<img src="images/v2.jpg" alt="special_deal" />
								<div class="price">
									7,500,000 VND
								</div>
								<!-- end of .price -->
							</div>
							<!-- end of .image -->
							<div class="name">Six Senses Ninh Vân Bay
							</div>
							<!-- end of .name -->
							<div class="info">Lưu trú 3 đêm, thanh toán 2 đêm áp dụng đến 19/12/2012
							</div>
								<!-- end of .info -->
						</div>
						<!-- end of .special_deal -->
					</div>
					<!-- end of #special_deal_wrapper -->
				</div>

				<!-- end of #content -->	
			</div>
			<!-- end of #mainContent -->

		<div id="footer">
			<ul class="navigation">
				<li><a href="#">KHÁCH SẠN</a></li>
				<li><a href="#">VOUCHER KHÁCH SẠN</a></li>
				<li><a href="#">KHUYẾN MÃI HẤP DẪN   </a></li>
				<li><a href="#">CẨM NANG DU LỊCH  </a></li>
				<li><a href="#">TOUR</a></li>
				<li><a href="#">ASIABOOKING</a></li>
			</ul>
			<!-- end of #navigation -->
			<div id="copyright">
				<p>FREE TRAVEL COMPANY LIMITED</p>
				<p>Email : bookings@asiabooking.com.vn</p>
				<p>Phone : +84.8.3589.3689 -  + 84 908 79 59 89</p>
				<p>Address : 538/24 Quang Trung, Go Vap, TP HCM</p>
				<div class="facebook"><a href="#"></a></div>
				<div class="twitter"><a href="#"></a></div>
				<div class="share"><a href="#"></a></div>
				<div class="rss"><a href="#"></a></div>
			</div>
			<!-- end of #copyright -->
		</div>
		<!-- end of #footer -->
	</div> 	
</div>
</BODY>
</HTML>                                                                                                                          